﻿<section>
    <br />
    <typeahead search="executeSearch(term)"
               item-selected="selectItem(item)"
               items="searchResults"
               term="searchTerm"
               show-search-button="true"
               placeholder="'Search...'">
        <div class="menu" ng-cloak>
            <div class="results-group">
                <ul>
                    <li ng-repeat="result in searchResults" typeahead-item="result" class="results-item">
                        <data-item-template data-item-model="result" />
                    </li>
                </ul>
            </div>
        </div>
    </typeahead>
    <hr />

    <span>
        <data-item-template data-item-model="selectedItem" />
    </span>

</section>